<template>
  <div class="w-full h-full grid grid-cols-[120px_1fr] text-fontPrimary">
    <div class="bg-SysLeft">
      <NavRouteList />
    </div>
    <div class="flex flex-col bg-SysRight">
      <WindowTools obj="systemSetting">
        <span class="text-base">{{ route.meta.name }}</span>
      </WindowTools>
      <div style="border-top: 1px solid var(--border)" class="p-2">
        <router-view> </router-view>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import WindowTools from "@/components/WindowTab/index.vue";
import NavRouteList from "./components/NavRouteList.vue";
import { useRoute } from "vue-router";
const route = useRoute();
</script>

<style lang="scss" scoped></style>
